$(function() {
    /*   轮播图 */
    $.ajax(baseUrl + '/slides', {
        success: (res) => {
            // console.log('轮播图获取的列表是：', res);
            const newHtml = template('swipe', { swipeList: res, baseUrl: baseUrl });
            $('.swipe-wrapper').html(newHtml);

            /* 渲染成功后，再进行轮播操作 */
            var swiper = Swipe(document.querySelector('.swipe'), {
                auto: 3000,
                transitionEnd: function(index) {
                    // index++;

                    $('.cursor span').eq(index).addClass('active').siblings('.active').removeClass('active');
                }
            });
            // 上/下一张
            $('.swipe .arrow').on('click', function() {
                var _this = $(this);

                if (_this.is('.prev')) {
                    swiper.prev();
                } else if (_this.is('.next')) {
                    swiper.next();
                }
            })

        },
        error: (err) => {
            console.log('错误信息：', err);
        }
    });

    /*  热门推荐 */
    $.ajax(baseUrl + '/posts/recommend', {
        success: (res) => {
            // console.log('热门推荐获取的列表是：', res);
            const newHtml = template('hots', { hotsList: res, baseUrl: baseUrl });
            $('.hots ul').html(newHtml);
        },
        error: (err) => {
            console.log('错误信息：', err);
        }
    });


    /* 最新发布 */
    $.ajax(baseUrl + '/posts/lasted', {
        success: (res) => {
            // console.log('最新发布获取的列表是：', res);
            const newHtml = template('new', { newList: res, baseUrl: baseUrl });
            $('.new').html(newHtml);
        },
        error: (err) => {
            console.log('错误信息：', err);
        }
    });


});